<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/xadmin.css">
        <link rel="stylesheet" href="./css/base.css">
        <link rel="stylesheet" href="./css/welcome.css">
        <script src="./lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="./js/xadmin.js"></script>
        <script src="./js/jquery.min.js"></script>
        <script src="./js/welcome.js"></script>
        
        <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a>
              <cite>导航元素</cite></a>
          </span>
          <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
        </div>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
             <div class="main">
              <div class="box">
                  <div class="up">
                    <ul>
                      <li>
                        <div class="info-box box-1">
                          <img src="./images/d管理员.png" alt="">
                          <p>管理员用户<br> <b>5</b> 名</p>
                        </div>
                      </li>
                      <li>
                        <div class="info-box box-2">
                          <img src="./images/管理员2.png" alt="">
                          <p>平台注册用户<br> <b>143</b> 名</p>
                        </div>
                      </li>
                      <li>
                        <div class="info-box box-3">
                          <img src="./images/管理员3.png" alt="">
                          <p>平台文章总数<br> <b>262</b> 篇</p>
                        </div>
                      </li>
                      <li>
                        <div class="info-box box-4">
                          <img src="./images/管理员4.png" alt="">
                          <p>广告位4个<br> 广告图9张</p>
                        </div>
                      </li>
                    </ul>
                  </div>

                  <div class="center">
                    <div class="xyh ys">
                      <div class="tab-container">
                        <div class="title">
                          <span>最新注册新用户</span>
                        </div>
                        <div class="center-box zc">
                          <div class="xyh-row">
                            <div class="hm">&nbsp;&nbsp;1388844775</div>
                            <div class="xb">女</div>
                            <div class="nums"></div>
                          </div>
                        </div>
                      </div>

                    </div>
                    <div class="ph ys">
                       <div class="tab-container">
                        <div class="title">
                          <span>点赞文章排行</span>
                        </div>
                        <div class="center-box wz">
                             <div class="xyh-row">
                            <div class="hm"> 李连杰回忆濒临死亡经历：大小便失禁，愿花100万买氧气包 </div>
                          </div>  

                        </div>
                      </div>
                    </div>
                    <div class="fx ys">
                       <div class="tab-container">
                        <div class="title">
                          <span>用户性别分析</span>
                        </div>
                        <div class="center-box xb">
                           <div id="eacharts"></div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <div class="down">
                   <div id="down-main"></div>
                  </div>

              </div>

             </div>

            </div>
        </div> 
    </body>
  <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.1/dist/echarts.min.js"></script>
</html>